<template>
  <div>
    list {{ data.a + 3 }}<a href="javascript:;" @click="clickHandle">Enter</a>
  </div>
</template>
<script>
export default {
  props: {
    data: {
      type: Object,
      default() {
        return {};
      },
    },
  },
  methods: {
    clickHandle() {
      this.$emit("event", "a", this.$props.data.a + 1);
    },
  },
};
</script>
<style lang="less"></style>
